@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";
@import "../../mixins";

.issue-license-v2__select-license {
	// :active introduces a 1px border but :focus introduces a 1.5px border which causes the button to move around.
	border-width: 1.5px !important;
	border-color: transparent;
	text-wrap: nowrap;

	@include breakpoint-deprecated("<660px") {
		width: auto;
		flex-grow: 1;
	}
}

.issue-license-v2 .assign-license-step-progress {
	margin-block-start: 16px;
	margin-block-end: 32px;

	.step-current .assign-license-step-progress__step-circle {
		background-color: var(--studio-jetpack-green-50);
		border: 2px solid var(--studio-jetpack-green-50);
		color: var(--studio-white);
	}
}

.issue-license-v2__actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.issue-license-v2__controls {
	@include licensing-portal-bottom-action-bar;
	padding: 14px;
}

.issue-license-v2.without-bundle {
	.jetpack-cloud-layout__header-subtitle {
		padding-block-end: 16px;
	}
}
